﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

  @*  @System.Web.Optimization.Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")*@
    <script src="~/Content/themes/jquery.min.js"></script>
    <link href="~/Content/themes/jquery.mobile-1.3.2.min.css" rel="stylesheet" />
    <script src="~/Content/themes/jquery.mobile-1.3.2.min.js"></script> 
    <link href="~/Content/themes/jquery.mobile.structure-1.3.2.min.css" rel="stylesheet" />
    <link href="~/Content/themes/jquery.mobile.theme-1.3.2.min.css" rel="stylesheet" />
    <link href="~/Content/themes/jquery.mobile-1.3.1.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
    
    <!-- Optional Mousewheel support: https://github.com/brandonaaron/jquery-mousewheel -->
    <script type="text/javascript" src="~/Scripts/MobileScript/jquery.mousewheel.min.js"></script>
    <link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css"
    rel="stylesheet" />
    <script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.core.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.mode.calbox.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.mode.datebox.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.mode.flipbox.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.mode.durationbox.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jqm-datebox.mode.slidebox.min.js" type="text/javascript"></script>
    <script src="../../Scripts/MobileScript/jquery.mobile.datebox.i18n.en_US.utf8.js" type="text/javascript"></script>

    <!-- iPhone Low-Res --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_320x460.png" media="(device-width: 320px)" /> <!-- iPhone Retina --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_640x920.png" media="(device-width: 640px) and
   (-webkit-device-pixel-ratio: 2)" /> <!-- iPhone Low-Res Landscape --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_480x300.png" media="(device-width: 320px) and (orientation: landscape)" /> <!-- iPhone Retina Landscape --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_960x600.png" media="(device-width: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" /> <!-- (iPhone default) --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_320x460.png" />

    <!-- iPad Low-Res --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_768x1004.png" media="(device-width: 768px) and (orientation: portrait)" /> <!-- iPad Retina --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" /> <!-- iPad Low-Res Landscape --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_1024x748.png" media="(device-width: 768px) and (orientation: landscape)" /> <!-- iPad Retina Landscape --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_2048x1496.png" media="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" /> <!-- (iPad default) --> <link rel="apple-touch-startup-image" href="~/Content/images/startup_image_768x1004.png" />



@*     <script type="text/javascript">
         $(document).bind("mobileinit", function () {
             $.mobile.hashListeningEnabled = false;
         });
   </script>*@
</head>
<body>
    <div data-role="page" data-theme="c"> 
        @*@Html.Partial("_ViewSwitcher")  *@      
            <div data-role="header" data-position="fixed" data-theme="b">
                @{ 
                    bool ShowBackButton = false; 
                    bool ShowHomeButton = false; 
                    if (ViewBag.ShowBackButton != null && ViewBag.ShowBackButton == true) {
                        ShowBackButton = true; 
                    } 
        
                    if (ViewBag.ShowHomeButton != null && ViewBag.ShowHomeButton == true) {
                        ShowHomeButton = true; 
                    } 
        
                    if (ShowBackButton) { 
                        <a data-rel="back" data-role="button" data-transition="slide"  data-direction="reverse" data-icon="back" href="#">Back</a> 
                    } 
        
                    if (ShowHomeButton){ 
                        <a onclick="location.href= '/Home/index'" data-role="button" data-transition="slide" data-direction="reverse" data-icon="home">Home</a> 
                        
                    }
                 }  
                <h1>@ViewBag.Title</h1> 
            </div>
        <div data-role="content" data-theme="c" style="height: 100%; min-height: 100%;">
            @*<div data-role="navbar" data-theme="b" data-iconpos="top"> 
                <ul> 
                    <li><a href="@Url.Action("Index", "Home")" data-icon="home">Home</a></li> 
                    <li><a href="@Url.Action("About", "Home")" data-icon="info">About Us</a></li> 
                    <li><a href="@Url.Action("Contact", "Home")" data-icon="check">Contact Us</a></li>
                </ul>
            </div>*@
            @RenderSection("featured", false)                               
            <p id = "FormError" name= "FromError" style="color: Red;"></p>
            @RenderBody()
        </div>
        <div data-role="footer" data-theme="a" data-position="fixed">
            <h3>© 2013 Hello Minasan -Từ điển ngữ cảnh của riêng tôi</h3>
        </div>
    </div>
</body>
</html>
